<template>
    <div class="home-page">
        <site-header></site-header>
        <site-menus></site-menus>
        <div class="content">
            <div class="first">首页->资金监督->监督员</div>
            <div class="line"></div>
            <div>
                <Row>
                    <Col span="6">
                        <left-button :list="buttonList"></left-button>
                    </Col>
                    <Col span="18">
                        <group-people></group-people>
                    </Col>
                </Row>
            </div>
        </div>
    </div>
</template>

<script>

import SiteMenus from '../home/compoments/site-menus/index'
import SiteHeader from '../home/compoments/site-header/index'
import LeftButton from '../complaints-report/components/left-button/index'
import GroupPeople from './group-people/index'
export default {
  components: { GroupPeople, LeftButton, SiteHeader, SiteMenus },
  data () {
    return {
      buttonList: [
        {
          content: '财落街道监督组'
        },
        {
          content: '辉山街道监督组'
        },
        {
          content: '黄家街道监督组'
        },
        {
          content: '沈北街道监督组'
        },
        {
          content: '道义街道监督组'
        },
        {
          content: '尹家街道监督组'
        },
        {
          content: '马刚街道监督组'
        },
        {
          content: '清水台街道监督组'
        },
        {
          content: '石佛寺街道监督组'
        },
        {
          content: '兴隆台街道监督组'
        },
        {
          content: '虎石台街道办事处监督组'
        }
      ]
    }
  },
  methods: {
  },
  mounted () {

  }
}
</script>

<style scoped lang="less">
    .home-page{
        height: 100%;
        overflow: scroll;
    }
    .content {
        height: 1000px;
        width: 94%;
        margin-left: 3%;
    }
    .first{
        font-size: 20px;
        color: black;
        font-weight: bolder;
        margin-left: 40px;
        height: 60px;
        line-height: 60px;
    }
    .line{
        height: 5px;
        background-color: #0166b6;
    }
</style>
